<div class="ten-process">
    <div class="{% unless section.settings.full_width %}page-width{% endunless %}">
        {%- if section.settings.heading != blank -%}
         <div class="process-title">
          <div class="title">
            {{ section.settings.heading | escape }}
         </div> 
            {%- if section.settings.text != blank -%}
                <div class="rte">{{ section.settings.text }}</div>
            {%- endif -%}
         </div> 
       {%- endif -%}
       <ul class="step_ul">
        {%- for block in section.blocks -%}
            <li>
              <div class="step_li">
                {%- if block.settings.title != blank -%}
                   <h3>  {{ block.settings.title }}</h3>
                {%- endif -%}
                {%- if block.settings.text != blank -%}
                <div class="text"> {{ block.settings.text }}</div>
                 {%- endif -%}
              </div>
              <span class="arrow"> {% render 'job-arrow' %}</span>
            </li>
          {%- endfor -%}
       </ul>
    </div>
</div>

{% schema %}
{
  "name": "Ten process",
  "tag": "section",
  "class": "spaced-section spaced-section--full-width",
  "settings": [
  {
    "type": "text",
    "id": "heading",
    "default": "Talk about your brand",
    "label": "Heading"
  },
  {
    "type": "richtext",
    "id": "text",
    "default": "<p>Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>",
    "label": "Text"
  },
  {
    "type": "checkbox",
    "id": "full_width",
    "default": false,
    "label": "t:sections.rich-text.settings.full_width.label"
  }
  ],
  "blocks": [
  {
    "type": "step",
    "name": "step",
    "settings": [
      {
        "type": "text",
        "id": "title",
        "default": "Step",
        "label": "Step"
      },
      {
        "type": "richtext",
        "id": "text",
        "label": "Text"
      }
    ]
  }
  ],
  "presets": [
    {
      "name": "Ten process"
    }
  ]
}
{% endschema %}
